<template>
  <t-space direction="vertical">
    <t-auto-complete
      v-model="value1"
      size="small"
      :inputProps="{ label: '小尺寸：' }"
      :options="['第一个联想词', '第二个联想词', '第三个联想词']"
    />

    <t-auto-complete
      v-model="value2"
      :inputProps="{ label: '中尺寸：' }"
      :options="['第一个联想词', '第二个联想词', '第三个联想词']"
    />

    <t-auto-complete
      v-model="value3"
      size="large"
      :inputProps="{ label: '大尺寸：' }"
      :options="['第一个联想词', '第二个联想词', '第三个联想词']"
    />
  </t-space>
</template>

<script>
export default {
  name: 'AutoCompleteSize',

  data() {
    return {
      value1: '',
      value2: '',
      value3: '',
    };
  },
};
</script>
